<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>购物车空状态</title>
    <link rel="shortcut icon" href="bitbug_favicon.ico" />
    <link rel="stylesheet" href="./css/empty-shopping-cart.css">
</head>
<body>
    <!-- 网页大盒子 -->
    <div class="empty-shopping">
        <!-- 页眉 -->
        <div class="header">
            <p>&lt;</p>
            <span>购物车</span>
        </div>
        <!-- 购物车 -->
        <div class="shopping-cart">
            <img src="./images/empty_shopping_cartback.png" alt="">
            <p>购物车暂时没有商品</p>
            <button>去逛逛</button>
        </div>

        <!-- 推荐商品 -->
        <div class="guess">
            <div class="guess-text">
                <p>猜你喜欢</p>
            </div>
            <div class="guess-big-com">
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
            <div class="guess-com">
                <div class="guess-com-flower">
                    <img src="./images/empty_shopping _redflower.png" alt="">
                    <p>浪漫满屋</p>
                    <span>￥329</span>
                    <h3>销量16022笔</h3>
                </div>
            </div>
        </div>
        </div>
        <!-- 页尾 -->
        <div class="tarbar">
            
                <div class="fooder">
                    <img src="./images/empty_shopping_img1.png" alt="">
                    <p>首页</p>
                </div>
                <div class="fooder">
                    <img src="./images/empty_shopping_img2.png" alt="">
                    <p>分类</p>
                </div>
                <div class="fooder">
                    <img src="./images/empty_shopping_img3.png" alt="">
                    <p>购物车</p>
                </div>
                <div class="fooder">
                    <img src="./images/empty_shopping_img4.png" alt="">
                    <p>我的</p>
                </div>
                
            </div>
        </div>
    </div>
</body>
</html>